<script>
	// 前端数据存储
	/*
    - cookie
    - sessionStorage
    - localStorage
注意: session后端数据存储 */
	/*
    - 本身用于浏览器和Server通讯
    - 被 "借用" 到本地存储
    - 可用document.cookie读取或保存
    (但是服务器可以限制浏览器读取和修改cookie,服务器可以通过httpOnly属性限制前端开发人员获取某个cookie)
    - 可以利用cookies工具库简化编码

#### cookie的缺点
    - 存储大小有限, 最大4KB
    - http请求时会自动发送给服务器, 增加了请求的数据量
    - 原生的操作语法不太方便操作cookie
    - 浏览器可以设置禁用
    - 服务器可以禁止浏览器读取和修改cookie
*/
</script>
<script>
	// localStorage与sessionStorage
	/* 
  - 相同点:
    - 纯浏览器端存储, 大小不受限制, 请求时不会自动携带
    - 只能保存文本, 如果是对象或数组, 需要转换为JSON
    - API相同:
      - setItem(key, value)
      - getItem(key, value)
      - removeitem(key, value)
    - 浏览器不能禁用
  - 不同点:
    - localStorage保存在本地文件中, 除非编码或手动删除, 否则一直存在
    - sessionStorage数据保存在当前会话内存中, 关闭浏览器则清除 */
</script>
<script>
	// 区别cookie 与 localStorage和sessionStorage
  
	/*
  - 容量
  - 存储位置
  - 生命周期
  - 请求时是否自动携带
  - 浏览器是否可禁用
  */

 //区别cookie与session
/*
  - cookie保存在浏览器端(前台可以操作)
  - session保存在服务器端(前台不能操作)
  - session依赖于cookie(session的id以cookie的形式保存在浏览器端)
*/
</script>
